<div style="height: 350px">
    @foreach($list as $vo)
    <div class="col-md-6" style="height: 100%;border: 1px solid #d8d8d8">
        <div id="chart_{{$vo['id']}}" style="width: 100%;height:100%;">加载中....</div>
    </div>
        <script>
            $(function () {
                var chart_{{$vo['id']}} = echarts.init(document.getElementById('chart_{{$vo['id']}}'), null, {renderer: 'canvas'});
                var option = {
                    title: {
                        text: '{{$vo['title']}}'
                    },
                    legend: {},
                    tooltip: {},
                    dataset: {
                        source: [
                            @foreach($vo['data'] as $v)
                            [{!! $v !!}],
                            @endforeach

                        ]
                    },
                    xAxis: { type: 'category' },
                    yAxis: {},
                    color: ['#b42828', '#6d8dea', '#FFD700', '#C9C9C9', '#E066FF', '#C0FF3E'],
                    // Declare several bar series, each will be mapped
                    // to a column of dataset.source by default.
                    series: [{ type: 'bar' },{ type: 'bar' }]
                };
                chart_{{$vo['id']}}.setOption(option);
            });
        </script>
    @endforeach
</div>
